<template>
	<div class="empty-container">
		<Icon type="empty" />
		<p>{{ text }}</p>
	</div>
</template>

<script>
import Icon from "../Icon";
export default {
	components: {
		Icon,
	},
	props: {
		text: {
			type: String,
			required: false,
			default: "无数据",
		},
	},
};
</script>

<style scoped lang="less">
@import "~@/styles/mixin.less";
@import "~@/styles/var.less";
.empty-container {
	.self-center();
	text-align: center;
	color: @gray;
	.icon-container {
		font-size: 72px;
	}
}
</style>
